// 顶部堆栈导航器组件
import * as React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {
  PhotographerList,
  PrincipalSheet,
  Active,
  Chat,
  Login,
  Register,
  Map,
  GoodsInfo,
  Order,
  ModifyPassWord,
  Address,
  AddAddress,
  ModifyAddress,
  ToBePhotographer,
  EditUserInfo,
  ImageInfo,
  BigImage,
  AddArtical,
  Like,
  Publish,
  DestroyAccount,
  RecommendInfo,
  RecommendPackage,
  AddRecommend
} from '@/pages/index';
import IndexTab from "./index";

function StackNavigator() {
  const StackNavigator = createNativeStackNavigator();
  return (
    // 整个路由导航器应该被包裹在NavigationContainer里面，所以在App里面做了统一的包裹
    <StackNavigator.Navigator screenOptions={{
      headerStyle: {
        backgroundColor: '#fff',
      },
      headerTintColor: '#A75E5E',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
      headerTitleAlign: "center"
    }}> 
      {/* 顶部导航器 */}
      <StackNavigator.Screen name="AppointmentHomePage" component={IndexTab}  options={{ headerShown:false }}/>
      <StackNavigator.Screen name="PhotographerList" component={PhotographerList} options={{ title: '摄影师列表' }}/>
      <StackNavigator.Screen name="PrincipalSheet" component={PrincipalSheet} options={{ title: '主页' }}/>
      <StackNavigator.Screen name="Active" component={Active} options={{ title: '动态' }}/>
      <StackNavigator.Screen name="GoodsInfo" component={GoodsInfo} options={{ title: '商品详情页' }}/>
      <StackNavigator.Screen name="Order" component={Order} options={{ title: '提交订单' }}/>
      <StackNavigator.Screen name="Chat" component={Chat} options={{ headerShown:false }}/>
      <StackNavigator.Screen name="Login" component={Login} options={{ headerShown:false }}/>
      <StackNavigator.Screen name="Register" component={Register} options={{ headerShown:false }}/>
      <StackNavigator.Screen name="Map" component={Map} options={{ headerShown:false }}/>
      <StackNavigator.Screen name="ModifyPassWord" component={ModifyPassWord} options={{ title: '修改密码' }}/>
      <StackNavigator.Screen name="Address" component={Address} options={{ title: '收货地址' }}/>
      <StackNavigator.Screen name="AddAddress" component={AddAddress} options={{ title: '新增地址' }}/>
      <StackNavigator.Screen name="ModifyAddress" component={ModifyAddress} options={{ title: '修改地址' }}/>
      <StackNavigator.Screen name="ToBePhotographer" component={ToBePhotographer} options={{ title: '成为摄影师' }}/>
      <StackNavigator.Screen name="EditUserInfo" component={EditUserInfo} options={{ title: '编辑详细信息' }}/>
      <StackNavigator.Screen name="ImageInfo" component={ImageInfo} options={{ title: '详情' }}/>
      <StackNavigator.Screen name="BigImage" component={BigImage} options={{ title: '大图展示' }}/>
      <StackNavigator.Screen name="AddArtical" component={AddArtical} options={{ title: '发布文章' }}/>
      <StackNavigator.Screen name="Like" component={Like} options={{ title: '我的收藏' }}/>
      <StackNavigator.Screen name="Publish" component={Publish} options={{ title: '我的发布' }}/>
      <StackNavigator.Screen name="DestroyAccount" component={DestroyAccount} options={{ title: '注销账号' }}/>
      <StackNavigator.Screen name="RecommendInfo" component={RecommendInfo} options={{ title: '套餐详情' }}/>
      <StackNavigator.Screen name="RecommendPackage" component={RecommendPackage} options={{ title: '摄影套餐' }}/>
      <StackNavigator.Screen name="AddRecommend" component={AddRecommend} options={{ title: '添加套餐' }}/>
      {/* <StackNavigator.Screen name="CircleHomePage" component={IndexTab} options={{ title: '圈子' }}/>
      <StackNavigator.Screen name="LeavedUnusedHomePage" component={IndexTab} options={{ title: '咸鱼' }}/>
      <StackNavigator.Screen name="MyHomePage" component={IndexTab} options={{ title: '我的' }}/> */}
    </StackNavigator.Navigator>
  );
};
export default StackNavigator;
